﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>mycarousel</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../layui/css/layui.css" media="all" />
    <style type="text/css">
        body { display: flex; justify-content: center;align-items: center; }
        #Images li { text-align: center; cursor: pointer; padding: 5px; width: 180px; height: 120px;}
        #Images li .check { width: 100%; height: 100%; display: block; }
        #Images li img { width: 90%; cursor: pointer; display: block; margin: 10px 0;}
        .layui-form-checkbox[lay-skin=primary] {display: block !important; position: absolute !important; z-index: 1000 !important;    margin: 5px; }
        .layui-carousel { width: inherit; margin: 0 auto; }
    </style>    
</head>
<body class="childrenBody">
    <form class="layui-form">
        <blockquote class="layui-elem-quote">
            <div class="layui-row">
                <div class="layui-col-xs9 layui-col-sm9 layui-col-md9">
                    <div class="layui-inline">
                        <a class="layui-btn layui-btn-sm layui-btn-primary selectall">全选</a>
                    </div>
                    <div class="layui-inline">
                        <a class="layui-btn layui-btn-sm selecttomycarousel">设置轮播图</a>
                    </div>
                </div>
                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                    <div class="layui-inline">
                        <a class="layui-btn layui-btn-sm layui-btn-normal setdone">确定</a>
                    </div>
                </div>
            </div>
        </blockquote>
        <div class="layui-carousel" id="mycarousel">
            <div carousel-item>
                <div>条目1</div>
                <div>条目2</div>
                <div>条目3</div>
                <div>条目4</div>
                <div>条目5</div>
            </div>
        </div>

        <ul class="layer-photos-flow layui-fluid" id="Images"></ul>
    </form>

    <script type="text/javascript" src="../../../jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="../../../layui/layui.js"></script>
    <script type="text/javascript" src="../../../../js/layuiconfig.js"></script>
    <script type="text/javascript" src="./mycarousel.min.js"></script>
</body>
</html>